<template>
  <div class="divcontent">
    <div class="title">提交结果</div>
    <div class="successdiv">
      <img src="../../../static/imgs/success.png">
    </div>
    <div style="margin-top: 30px">提交成功</div>
    <p>提交成功提交成功提交成功提交成功提交成功提交成功提交成功</p>
    <button id="nextStep" @click="myOrders">查看订单</button>
  </div>
</template>

<script>
  export default {
    name: "sub-result",
    data() {
      return {}
    },
    methods:{
      myOrders(){
        this.$router.push({path: "/myOrders", query: {}})
      }
    }
  }
</script>

<style scoped lang="less">
  .divcontent {
    background: #efefef;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    .successdiv {
      width: 5px;
      height: 5px;
      margin-top: 50px;
      animation:changebig 1s linear 0s forwards;
      img {
        width: 100%;
        height: 100%;
      }
    }
    p{
      width:70%;
      margin-top: 10px;
      color:#333;
      text-align: left;
    }
  }

  @keyframes changebig {
    0% {
      width: 5px;
      height: 5px;
    }
    100% {
      width: 80px;
      height: 80px;
    }
  }
</style>
